<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<title>短消息新增页面</title>
	<style>
		#UserinfoDatatables{width:100%!important}
		.modal-lg {
			max-width: 100%;
			/*width: 85%;*/
			max-width: none;
		}
	</style>
</head>
<body>
<div class="m-portlet">
	<div class="m-portlet__head">
		<div class="m-portlet__head-caption">
			<div class="m-portlet__head-title">
				<span class="m-portlet__head-icon m--hide">
				<i class="la la-gear"></i>
				</span>
				<h3 class="m-portlet__head-text">
					发送短消息
				</h3>
			</div>
		</div>
	</div>
	<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="defaultForm" method="post">
		<div class="m-portlet__body">
			<div class="form-group m-form__group row">
				<div class="col-md-1">
		        	<label class="control-label">接&nbsp;&nbsp;收&nbsp;&nbsp;人</label>
		        </div>
		        <div class="col-md-3">
		        	<div class="form-group input-group">
		        		<input type="hidden" maxlength="32"  name="to_id" id="to_id">
						<input class="form-control" type="text"  maxlength="32" readonly="readonly" id="xt_userinfo_realName" name="xt_userinfo_realName" placeholder="请选择">
						<span class="input-group-btn" style="margin-left: 0px;">
							<button class="btn btn-default" type="button" onclick="XtUserSelect()">
								选择
							</button>
						</span>
					</div>
		        </div>
			</div>
			<div class="form-group m-form__group row">
		        <div class="col-md-1">
		        	<label class="control-label">消息内容</label>
		        </div>
		        <div class="col-md-3">
		        	<div class="form-group">
		        		<textarea class="form-control" rows="8" cols="10" maxlength="2147483647"  name="content" placeholder="请输入"></textarea>
		        	</div>
		        </div>
			</div>
		</div>
		<div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
			<div class="m-form__actions m-form__actions--solid">
				<div class="form-group m-form__group row">
					<div class="col m--align-left">
						<button type="button" class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" onclick="addXtMessage()">保存</button>
						<button type="button" class="btn btn-secondary m-btn m-btn--custom m-btn--icon" onclick="goback()">返 回</button>
					</div>
					<div class="col m--align-right">
						<a href="javascript:resetAll('defaultForm')" class="btn btn-secondary m-btn m-btn--custom m-btn--icon">
							<span><i class="fa fa-repeat"></i><span>重 置</span></span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
</body>
<!-- 用户选择器模态框（Modal）开始 -->
<div class="modal fade" id="UserinfoSelectModal" tabindex="-1" role="dialog" aria-labelledby="UserinfoModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="UserinfoModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="UserinfoModalLabel">
					选择接收人
				</h4>
			</div>
			<div class="modal-body" id="UserinfoBody"  style="overflow:auto;">
				<div class="panel panel-default">
					<div class="m-content">
						<div class="m-portlet">
							<div class="m-portlet__head">
								<div class="m-portlet__head-caption">
									<div class="m-portlet__head-title">
										<h3 class="m-portlet__head-text">
											<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
										</h3>
									</div>
								</div>
							</div>
						</div>
						<form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormUserinfo" >
							<div class="form-group m-form__group row">
								<label class="col-form-label">隶属部门</label>
								<div class="col-md-2">
									<input type="text" class="form-control" name="xt_departinfo_name" placeholder="请输入">
								</div>
								<label class="col-form-label">岗位</label>
								<div class="col-md-2">
									<input type="text" class="form-control" name="xt_post_name" placeholder="请输入">
								</div>
								<label class="col-form-label">姓名</label>
								<div class="col-md-2">
									<input type="text" class="form-control" name="xt_userinfo_realName" placeholder="请输入">
								</div>
								<label class="col-form-label">用户名</label>
								<div class="col-md-2">
									<input type="text" class="form-control" name="xt_userinfo_name" placeholder="请输入">
								</div>
								<a href="javascript:search('UserinfoDatatables')" class="btn btn-info m-btn m-btn--custom m-btn--icon">
									<span><i class="fa fa-search"></i><span>检索</span></span>
								</a>
								<a href="javascript:resetAll('searchFormUserinfo');" class="btn btn-light-success font-weight-bold mr-2">
									<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
								</a>
							</div>
						</form>
					</div>
				</div>
				<table id="UserinfoDatatables" class="table table-bordered table-striped table-hover">
					<thead>
						<tr>
							<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallUserinfo" /><span></span></label></th>
							<th>序号</th>
							<th>账号</th>
							<th>姓名</th>
							<th>电话</th>
							<th>籍贯</th>
							<th>生日</th>
							<th>电子邮件</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
                <button type="button" class="btn btn-light-success font-weight-bold mr-2" onclick="doSelectXtUserinfo();">确 认</button>
            </div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 用户选择器模态框（Modal）结束 -->
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/view/sys/xt-message/xt-message-add.js"></script>
</html>
